<template>
  <div class="honor-list">
    <div class="label">园区荣誉</div>
    <div v-for="(item, index) in dataList" :key="index" class="honor-item">
      <i class="iconfont icon-24gf-thumbsUp2" />
      <div class="year">{{ item.year }}年</div>
      <div class="honor">{{ item.honor }}</div>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  components: {},
  props: {
    dataList: {
      type: Array,
      default: () => [{ year: '', honor: '' }],
    },
  },
  data() {
    return {}
  },
})
</script>
<style lang="scss" scoped>
.label {
  color: #161919;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 14px;
}

.honor-item {
  display: flex;
  align-items: center;

  .icon-24gf-thumbsUp2 {
    margin-right: 10px;
    color: #9ac6ff;
  }

  .year {
    margin-right: 15px;
  }
}
</style>
